<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<script src="static/js/tools/jquery-2.1.3.min.js"></script>
<script src="static/tools/bootstrap/js/bootstrap.min.js"></script>
<script src="static/tools/metro/js/metro.js"></script>
<script src="static/js/bang/login.js"></script>

<link rel="stylesheet" type="text/css" href="static/tools/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro-icons.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro-responsive.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro-schemes.css" />
<style>
    .login-form {
       color:white  
     }
</style>
</head>
<body class="bg-dark page-content">
      <div class="row">
        <div class="col-xs-1"></div>
        <div class="col-xs-10">
          <div class="input-control modern text  full-size" data-role="input" style="height:40px;">
             <input type="text" style="color:white;font-size:12pt;">
             <span class="informer" style="color:white">用户名</span>
             <span class="placeholder" id="name-placeholder" style="color:white;font-size:12pt;height:20px;">孙悟空</span>
         </div>
        </div>
        <div class="col-xs-1"></div>
      </div>
      
      <div class="row">
        <div class="col-xs-1"></div>
        <div class="col-xs-10">
          <div class="input-control modern text  full-size" data-role="input" style="height:40px;">
             <input type="text" style="color:white;font-size:12pt;">
             <span class="informer" style="color:white">邮箱</span>
             <span class="placeholder" id="name-placeholder" style="color:white;font-size:12pt;height:20px;">sunshijun07@163.com</span>
         </div>
        </div>
        <div class="col-xs-1"></div>
      </div>
      
      <div class="row">
      <div class="col-xs-1"></div>
        <div class="col-xs-10">
          <div class="input-control modern text  full-size" data-role="input" id="birthday" style="height:40px;">
             <input type="text" id="inputbir"  style="color:white;font-size:12pt;">
             <span class="informer" style="color:white">出生年月</span>
             <span class="placeholder" id="birthday-placeholder" style="color:white;font-size:12pt;height:20px;">1988-01-28</span>
         </div>
        </div>
        <div class="col-xs-1"></div>
      </div>
      
      <div class="row">
      <div class="col-xs-1"></div>
        <div class="col-xs-10">
          <div class="input-control modern text  full-size" data-role="input" style="height:40px;">
             <input type="text" style="color:white;font-size:12pt;">
             <span class="informer" style="color:white">所在城市</span>
             <span class="placeholder" id="name-placeholder" style="color:white;font-size:12pt;height:20px;">天津市</span>
         </div>
        </div>
        <div class="col-xs-1"></div>
      </div>
      
      <div class="row">
      <div class="col-xs-1"></div>
        <div class="col-xs-10">
          <div class="input-control modern text  full-size" data-role="input" style="height:40px;">
             <input type="text" style="color:white;font-size:12pt;">
             <span class="informer" style="color:white">技能</span>
             <span class="placeholder" id="name-placeholder" style="color:white;font-size:12pt;height:20px;">英语、滑雪、计算机</span>
         </div>
        </div>
        <div class="col-xs-1"></div>
      </div>
      
      <div class="row">
        <div class="col-xs-1"></div>
        <div class="col-xs-10">
          <div class="input-control modern text  full-size" data-role="input" style="height:40px;">
             <input type="text" style="color:white;font-size:12pt;">
             <span class="informer" style="color:white">邮箱</span>
             <span class="placeholder" id="name-placeholder" style="color:white;font-size:12pt;height:20px;">sunshijun07@163.com</span>
         </div>
        </div>
        <div class="col-xs-1"></div>
      </div>
      
      <div class="row">
      <div class="col-xs-1"></div>
        <div class="col-xs-10">
          <div class="input-control modern text  full-size" data-role="input" style="height:40px;">
             <input type="text" style="color:white;font-size:12pt;">
             <span class="informer" style="color:white">头像上传</span>
             <span class="placeholder" id="name-placeholder" style="color:white;font-size:12pt;height:20px;">abc.jpg</span>
         </div>
        </div>
        <div class="col-xs-1"></div>
      </div>
     
      <br/><br/>
      <div class="row">
        <div class="col-xs-1"></div>
        <div class="col-xs-5 text-center">
          <button class="command-button full-size" value="Submit">
            <span class="icon mif-enter"></span> 修改
          </button>
        </div>
        
        <div class="col-xs-5 text-center">
          <button class="command-button full-size">
            <span class="icon mif-thumbs-up"></span> 取消
          </button>
        </div>
        <div class="col-xs-1"></div>
      </div> 
   
   <div data-role="dialog" id="dialog" data-windows-style=true data-close-button=true data-overlay=true>
        
       <h2>出生日期</h2>
       <div class="container">
         <div class="row">
            <div class="col-xs-12">
               <div data-role="calendar" id="calender" data-start-mode="month" data-buttons="false" data-locale="zhCN"></div>
            </div>
         </div>
         <br/>
         <div class="row">
           <div class="col-xs-6">
              <button class="button info text-shadow full-size" id="OK">确定</button> 
           </div>
           
           <div class="col-xs-6">
              <button class="button  warning text-shadow full-size" id="Cancle">取消</button>
           </div>
         </div>
       </div>
  
   
</div>
</body>
</html>
